<section>
  <ion-list>
    <ng-container *ngFor="let item of tagData['columns']">
      <ng-container [ngSwitch]="item['type']">
        <ng-container *ngSwitchCase="'number'">
          <dl *ngIf="item['display']">
            <dt>{{item['label']}}</dt>
            <dd>{{item['value']}}</dd>
          </dl>
        </ng-container>
        <ng-container *ngSwitchCase="'text'">
          <dl *ngIf="item['display']">
            <dt>{{item['label']}}</dt>
            <dd>{{item['value']}}</dd>
          </dl>
        </ng-container>
        <ng-container *ngSwitchCase="'mobile'">
          <dl *ngIf="item['display']">
            <dt>{{item['label']}}</dt>
            <dd>{{item['value']}}</dd>
          </dl>
        </ng-container>
        <ng-container *ngSwitchCase="'date'">
          <dl *ngIf="item['display']">
            <dt>{{item['label']}}</dt>
            <dd>{{item['value']}}</dd>
          </dl>
        </ng-container>
        <ng-container *ngSwitchCase="'multi'">
          <dl *ngIf="item['display']">
            <dt>{{item['label']}}</dt>
            <dd>{{item['value']}}</dd>
          </dl>
        </ng-container>
        <ng-container *ngSwitchCase="'picture'">
          <dl *ngIf="item['display']" class="img-head">
            <dt>{{item['label']}}</dt>
            <dd>
              <img src="{{item['value']}}">
            </dd>
          </dl>
        </ng-container>
      </ng-container>
    </ng-container>
  </ion-list>
  <p>
    <ion-button *ngIf="tagData['editButton']" type="{{tagData['editButton']['type']}}" expand="block" appDebounceClick (debounceClick)="redirectToEdit()">
      {{tagData['editButton']['label']}}
    </ion-button>
  </p>
</section>
